﻿@charset "utf-8";







/* CSS Document */







*{ margin:0; padding:0;}







body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}







body{font-size:14px; font-family:"黑体"; background:url(../images/bg_rep_x.jpg) repeat-x;}







img{border:none; vertical-align:top;}







a{text-decoration:none; color:#333; border:none;}







.fl{float:left;}







.fr{float:right;}







li{list-style:none;}







select,input,img,select{vertical-align:middle;}







.my_left_category{



width:150px;



font-size:12px;



font-family:arial,sans-serif;



letter-spacing:2px;



}



.my_left_category h1{



background-image:url(http://keleyi.com/keleyi/phtml/rightmenu/top.gif);



height:20px;



background-repeat:no-repeat;



font-size:12px;



font-weight:bold;



padding-left:15px;



padding-top:8px;



margin:0px;



color:#FFF;



}



.my_left_category .my_left_cat_list{



width:148px;



line-height:13.5pt;



margin-left: 20px;



}



.my_left_category .my_left_cat_list h2 {



margin:0px;



padding:3px 5px 0px 9px;



}



.my_left_category .my_left_cat_list h2 a {



color:#d6290b;



font-weight:bold;



font-size:14px;



line-height:22px;



}



.my_left_category .my_left_cat_list h2 a:hover {



color:#d6290b;



font-weight:bold;



font-size:14px;



line-height:22px;



}



.my_left_category .h2_cat{



width:190px;



height:37px;



background-repeat:no-repeat;



line-height:26px;



font-weight:normal;



color:#333333;



position:relative;



}



.my_left_category .h2_cat_1{



width:148px;



height:26px;



background-image:url(http://keleyi.com/keleyi/phtml/rightmenu/line.gif);



background-repeat:no-repeat;



line-height:26px;



font-weight:normal;



color:#333333;



position:relative;



}



.my_left_category a{



font:12px;



text-decoration:none;



color:#FFF;



}



.my_left_category a:hover{



text-decoration:underline;



color:#ff3333;



}



.my_left_category h3{



margin:0px;



padding:0px;



height:26px;



font-size:14px;



font-weight:normal;



display:block;



padding-left:8px;



color: white;

}



}



.my_left_category h3 span{color:#999999; width:145px; float:right;}



.my_left_category h3 a{ line-height:26px;}



.my_left_category .h3_cat{



display:none;



width:204px;



position:absolute;



left:123px;



margin-top:-26px;



cursor:auto;



}



.my_left_category .shadow{



position:inherit;



background:url(http://keleyi.com/keleyi/phtml/rightmenu/back.gif) left top;



width:204px;



}



.my_left_category .shadow_border{



position:inherit;



width:200px;



margin-top:1px;



background:url(http://keleyi.com/keleyi/phtml/rightmenu/height.gif) no-repeat 0px 21px;



background-color:#0351A3;



margin-bottom:3px



}



.my_left_category .shadow_border ul{margin:0; padding:0; margin-left:15px}



.my_left_category .shadow_border ul li {



list-style:none;



padding-left:10px;



background-image:url(http://keleyi.com/keleyi/phtml/rightmenu/justright.gif);



background-repeat:no-repeat;



background-position:0px 8px;



float:left;



width:200px;



height:26px;



overflow:hidden;



letter-spacing:0px;



}



.my_left_category .active_cat{ z-index:99;background-position:0 -25px;cursor:pointer;}



.my_left_category .active_cat h3 { font-weight:bold}



.my_left_category .active_cat h3 span{ display:none;}



.my_left_category .active_cat div{display:block;}







.clear{clear:both;}







.clearfloat{clear:both; height:10px;}















.whole{ width:984px; background:url(../images/bg_sky.jpg) no-repeat;}







/*---header---*/







.header{ width:980px; height:100px; margin:0 auto; margin-top:10px;}







.header ul{ margin-right:32px;}







.header ul li{ float:right; margin-left:17px; margin-top:6px;}







.header ul li a{ color:#d0edff;}







#logo1 {width:620px; float:left;}







#logo2 {width:360px; float:left; text-align: right;}







/*---nav---*/







.nav{ width:984px; height:40px; margin:0 auto; background-color:#0059d3;}







.nav ul{ margin-left:32px;}







.nav ul li{ float:left; width:105px; text-align:center; height:40px; line-height:40px;}







.nav ul li a{ color:#FFF; font-weight:bold; font-size:18px;}















.nav ul li.current a{ color:#fff;}







.nav ul li a:hover{color:#fff;}















/*---banner---*/







.banner{ width:100%; height:320px; margin:0 auto; background:url(../images/bannerbg.gif) no-repeat; }







.banner2{ width:980px; height:261px; margin:0 auto; background:url(../images/bannerbg2.gif) no-repeat; padding-top:6px;}







/*---content---*/







.main_ad1{width:985px; height:180px; margin:0 auto;}







.main_ad1 ul li{ width:151px; height:151px; float:left; margin:5px; border: #CCCCCC solid 1px;}







.main_ad1 ul li a{ color:#000;display:block; text-align:center; width:140px;padding: 1px;}







.main_ad1 ul li a:hover{ display:block; color:#000;}







.main_ad1 ul li img{ width:150px; height:150px; }







.main_ad2{ width:960px; height:288px; text-align:center; margin:0 auto;background:url(/templets/images/main.jpg) center no-repeat;position: relative;}







.main_ad2 img { width:980px; margin:0 auto;}







.main_ad3{ width:100%; height:288px; text-align:center;}







.main_ad3 img { width:980px; margin:0 auto;}







.new {width:1000px; height:378x; margin: 0 auto; background:url(../images/newbg.jpg) no-repeat; margin-top: 20px;}







.content{ width:980px; margin:7px auto 0;}







.cont_l{ width:227px; margin-right:3px;}







.cont_r{ width:750px;}







.main_proshow{width:980px; height:260px; margin:0 auto; background:url(../images/mainproshow.jpg) no-repeat;}







.main_proshow ul li{ width:260px; height:200px; float:right; margin:20px 20px; _margin:20px 20px; }







.main_proshow ul li a{ color:#CCCCCC;display:block; text-align:center; width:260px; height:205px;}







.main_proshow ul li a:hover{  display:block; color:#000;}







.main_proshow ul li img{ width:280px; height:200px; }







/*---pro_list---*/







.pro_list{ width:100%; height:313px; background:url(../images/prolistbg.gif) no-repeat; padding-top:58px;}



















#sddm div{position: absolute; visibility: hidden; margin:-34px 0 0 220px; padding: 0; background:#ffedda; border: 1px solid #5970B2;}







#sddm div a{position: relative; margin: 0; height:30px; line-height:30px; padding:0 8px; width:120px; white-space: nowrap; text-align: left; background: #fff2e4; color:#2875DE; font-weight:normal; display:block; overflow:hidden; text-overflow:ellipsis;}















#sddm div a:hover{background: #49A3FF; color: #FFF;}







/*---contact---*/







.contact{ width:100%; height:260px; background:url(../images/contactbg.gif) no-repeat; margin-top:7px; border: 1px solid #CCC;}







.contact p{ margin-left:44px; font-size:14px; margin-top:16px;}







#phone{ padding-top:108px; margin-left:88px;}







#phone li{ line-height:16px;}







#fax{ margin-left: 10px;padding-top: 40px;}







#fax li{ line-height: 27px;font-size: 16px;font-family: 宋体;}







#address{ margin-left:17px; margin-top:13px;}







#address li{ line-height:22px;}















/*---about---*/







.about{ width:465px;/* height:262px*/height:315px; margin-right:10px; border-right: 2px solid #E3E3E3;}







.about p{ float:right; line-height:24px; width:110px; height:26px; background:url(../images/about_icon.gif) no-repeat 0 8px; text-indent:14px; margin-right:5px;}







.about p a{ color:#014493;}







.aboutTit,.newsTit{ width:465px; height:29px; background:url(../images/about_tit.gif) no-repeat;}







.newsTit{ background:url(../images/news_tit.gif) no-repeat;}







.aboutTit img,.newsTit img{ margin:11px 18px 0 0;}







.aboutCont{ width:465px; line-height:20px; padding:9px 13px 0 0; text-indent:24px; color:#323232;}







.aboutCont img{ padding:0 15px 0 2px;}







.about a:hover{ text-decoration:underline;}







/*---news---*/







.news{ width:465px; height:315px; overflow:hidden; margin-right:10px;}







.newsCont{ width:465px; padding:9px 12px;}







.newsCont_tj{ width:346px; height:70px; line-height:21px; overflow:hidden; background:url(../images/news_line.gif) no-repeat 0 69px; color:#9b9b9b;}







.newsCont_tj p a{ line-height:25px; color:#014493; font-weight:bold;}















.newsCont_list{ width:460px;}







.newsCont_list ul li{line-height:25px;width:460px; background:url(../images/news_icon.gif) no-repeat 0 8px; text-indent:110px;overflow:hidden;display: block;}







.newsCont_list ul li span{ margin-right:0px; color:#808080; margin-right:2px;}







.newsList{ width:253px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; float:left;background:url(../images/news_icon.gif) no-repeat 0 8px; text-indent:11px;}







.newsList a{ color:333;}







.newsList a:hover{ color:#ed7e0a;}







/*---proShow---*/







.pro_show{ width:750px; margin-top:5px; height:660px; overflow:hidden;}







.pro_show_tit{ width:100%; height:35px; background:url(../images/pro_show_tit.jpg) no-repeat;}







.pro_show_tit img{ margin:7px 13px 0 0;}















.pro_show_cont{ width:750px; height:410px;}







.pro_show_cont ul li{ width:140px; height:188px; float:left; margin:10px 5px; _margin:10px 4px;}







.pro_show_cont ul li img{ width:124px; height:137px;}







#enlarge_images{position:absolute;display:none;z-index:2;border:5px solid #f4f4f4}























.pro_show_cont ul li a{ width:124px; height:137px; display:block; background:url(../images/pro_show_probg.gif) no-repeat; padding:10px 8px 8px;}







.pro_show_cont ul li a:hover{ background:url(../images/pro_show_hoverbg.gif) no-repeat;}







.pro_show_cont ul li p{ width:128px; background:url(../images/pro_show_txtbg.gif) no-repeat;







margin-top:6px; margin-left:0px;}







.pro_show_cont ul li p a{ background:none; width:128px; height:15px; text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding-top:7px;}







.pro_show_cont ul li p a:hover{ background:none;}







/*---friend_link---*/







.frdlink{ width:980px; margin:5px auto; }







.frdlink_t{ width:980px; height:33px; line-height:33px; text-indent:20px; font-size:14px;}







.frdlink_c{ width:980px; padding:5px 14px;}



.frdlink_c ul li{ list-style: outside none none; float: left; overflow:hidden; font-size:12px;}



.frdlink_c a{ margin-right:8px;}







.frdlink_c a:hover{ color:#0346a1; text-decoration:underline;}















/*---bottom---*/







.bottom{ width:100%; height:320px; background-color:#3e454d; margin:10px auto 0;}



p.btmnav{ line-height:38px; text-align:center;}















/*---2j-about---*/







.aboutus_tit{ width:750px; height:29px; background:url(../images/2j-about_tit.gif) no-repeat; margin-bottom: 15px;}







.aboutus_tit span,.pro_tit span,.er_news_tit span,.service_tit span,.message_tit span,.contact_tit span{ float:right; margin:10px 53px 0 0;}







.aboutus_tit a,.pro_tit a,.er_news_tit a,.service_tit a,.message_tit a,,.contact_tit a{ margin:0 4px;}







.aboutus_tit img,.pro_tit img,.er_news_tit img,.service_tit img,.message_tit img,.contact_tit img{ margin-top:-3px;}







.gsjj{ width:730px; height:31px; margin-bottom:20px; padding-bottom:2px;}























.aboutus_cont,.qywh_cont,.qyxx_cont{ width:730px; padding:8px 10px; overflow:hidden;}







.pro_cont,.proxx_cont,.news_cont,.newsxx_cont,.service_cont,.message_cont,.contact_cont{ width:740px; padding:8px 5px; overflow:hidden; color:#444;}







.qywh_cont p{ font-size:14px; color:#ee7d07; font-weight:bold; line-height:28px;}







.qywh_cont{ line-height:25px; background:url(../images/qywhbg.gif) no-repeat 300px 150px;}























.qyxx_cont ul li{ width:180px; text-align:center; float:left;}







.qyxx_cont ul li p{ line-height:30px; width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}







.qyxx_cont ul li img{ width:160px; height:120px; padding:3px; border:1px solid #e0e0e0;}























.aboutus_cont img{ margin-right:10px; margin-top:10px;}







.aboutus_cont p{ line-height:23px; text-indent:28px;}







p.yingye img{ float:left; margin-left:100px; margin-top:50px; padding:5px; border:3px solid #ededed;}















/*---2j-pro---*/







.pro_tit{ width:750px; height:29px;}







.er_news_tit{ width:750px; height:29px; background:url(../images/2j-newstit.gif) no-repeat;}







.jrbxl{ width:360px; height:179px; background:url(../images/2j-pro_listbg2.gif) no-repeat; margin:0 5px 8px;}







.jrbxl p{ height:36px; width:360px; line-height:40px;}







.jrbxl p span{ margin-left:30px;}







.jrbxl p a{ float:right; margin-right:10px; text-indent:0; line-height:normal; margin-top:14px;}















.jrbxl_c{ width:334px; padding:10px 13px;}







.jrbxl_c img{ padding:5px; border:1px solid #b9b9b9; margin-right:15px; width:124px; height:105px;}







.jrbxl_c ul li{ line-height:23px; background:url(../images/2j-pro_list_ico.gif) no-repeat 0 9px; text-indent:12px; overflow:hidden; width:180px; white-space:nowrap; text-overflow:ellipsis;}







fenye{ margin:10px 0 10px 0;  text-align:center; height:30px; line-height:30px;}







fenye li{float:left;padding: 0 5px;}























.dede_pages{







width:775px;







height:17px;







}







.dede_pages ul{







	float:left;







	padding:12px 0px 12px 16px;







}







.dede_pages ul li{







	float:left;















	font-family:Tahoma;







	line-height:17px;







	margin-right:6px;







	border:1px solid #E9E9E9;







}







.dede_pages ul li a{







	float:left;







	padding:2px 4px 2px;







	color:#555;







	display:block;







}







.dede_pages ul li a:hover{







	color:#690;







	text-decoration:none;







	padding:2px 4px 2px;







}







.dede_pages ul li.thisclass,







.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{







	background-color:#F8F8F8;







	padding:2px 4px 2px;







	font-weight:bold;







}







.dede_pages .pageinfo{







	line-height:21px;







	padding:12px 10px 12px 16px;







	color:#999;







}







.dede_pages .pageinfo strong{







	color:#555;







	font-weight:normal;







	margin:0px 2px;







}























/*---prolb---*/







.prolb{ height:600px;}







.prolb ul li{ width:185px; text-align:center; float:left;}







.prolb img{ width:150px; height:150px; padding:5px; border:1px solid #ccc;}







.prolb ul li p{ line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}







/*---proxx---*/







.proxx_cont{ line-height:22px;}







p.proname{ font-size:14px; font-weight:bold; text-align:center; line-height:30px; color:#ee7d07;}







.proxx_cont p{ font-size:14px; font-weight:bold; line-height:28px; width:180px;}















/*---2j-news---*/







.news_cont h1 a{ font-size:14px; color:#143f69; line-height:28px;}







p.laiyuan{ color:#bfbfbf;}







.news_cont p{ line-height:22px;}







.news_cont p a{ color:#1e5b9b;}







.news_cont ul li{ background:url(../images/news_line1.gif) no-repeat 5px bottom;}















/*---newsxx---*/







.newsxx_cont h1{ font-size:14px; text-align:center; line-height:30px; color:#ee7d07;}















.newsxx_cont p{ font-size:14px; line-height:28px; font-weight:bold;}







.newsxx_cont{ line-height:22px;}







.next{ width:740px; height:50px; background:url(../images/news_line1.gif) no-repeat 0 top;}







.next p{ font-size:12px;}







p.laiyuan1{ color:#999; text-align:center; font-size:12px; font-weight:normal;}







/*---service_center---*/







.service_tit{ width:750px; height:29px; background:url(../images/2j-service_tit.gif) no-repeat;}







.service_cont{ line-height:23px; background:url(../images/service.jpg) no-repeat 400px 400px;}







.service_cont p{ height:30px; font-size:14px; line-height:30px; font-weight:bold;}















/*---message---*/







.message_tit{ width:750px; height:29px; background:url(../images/2j-message_tit.gif) no-repeat;}















/*---contact---*/







.contact_tit{ width:750px; height:29px; background:url(../images/2j-contact_tit.gif) no-repeat;}







.contact_cont{ margin-bottom:60px; }







.contact_cont p{ line-height:30px;font-size:36px; margin-left:50px; margin-top:10px;color:#030303; font-weight:bold;}







.contact_fs{ margin-top:0px; margin-left:50px;}







.contact_fs p{ margin-left:0px;line-height:0px; font-size:18px;  font-weight:bold; color:#f83510; width:280px; height:12px; border-bottom:1px dashed #333;}



.contact_fs ul{ margin-top:-20px;}

.contact_fs ul li{ line-height:10px; font-size:15px;}
#demo3 {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
width: 960px;
height: 260px;
margin-left:10px;
}
#demo3 img {
border:1px solid #2061B3;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
